<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>shopping list</title>
    <script src="jquery.min.js"></script>
    <script src="review.js "></script>
</head>
<body>
    <h1>What to buy</h1>
    <p title="a gentle reminder" class="title">Don't forget to buy this stuff.</p> 
    <ul id="purchases">
        <li class="sale2">A tin of beans</li>
        <li class="sale1">Cheese</li>
        <li class="sale">Milk</li>

    </ul>
    <input type="text" id="input_04" value="输入ok" ><br>
    <button id="html_1">设置HTML</button>
    <button id="text_1">设置文本</button>
    <button id="value_1">设置值</button><br>3
    <button onclick="fun2(12)">OK</button>
    <button id="btn1">OK1</button>
    <div id="div1"></div>

    <div id="id">hdhdhd</div>
    <div class="class">hdhdhd</div>
    <button>ddd</button>
    <div id="sss">sssss</div>

    <!-- 一个简易的计算器 -->

   <div>
       <button class="btn1">加数</button>
       <button class="btn2">加数</button>
       <button class="btn3">和</button>
   </div>

   <button class="btn4">get input value</button><br>
   <input type="text" name="" id="input_01"></input>
   <label >+</label>
   <input type="text" name="" id="input_02" />
   <button class="btn5">=</button>
   <input type="text" id="input_03" />
   <label for="value" id="results_01" ></label>
   <label for="value" id="results_02" ></label>

   <div id="weather"></div>
</body>
</html>